<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<title>个人相册</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="touchTouch/touchTouch.css">
<script src="js/jquery-1.7.1.min.js"></script>
<!-- <script src="js/preson.js"></script> -->


<script src="touchTouch/touchTouch.jquery.js"></script>

<script>

$(function(){

	//图片事件,img-gather处为仿qq空间图片效果展示

	$('#thumbs a').touchTouch();

});

</script>

</head>



<body>

    <!--content-->
    <div class="bannerq"><img src="images/bannerq.jpg" alt=""></div>

    <div class="content">

        <!--img-gather-->

        <div class="clearfix img-gather" id="thumbs">

            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一">
                <p>我的相册</p>
            </a>


            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片二"><p>我的相册</p></a>


            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一"><p>我的相册</p></a>

            <a href="images/1.jpg" style="background-image:url(images//1.jpg)" title="图片二"><p>我的相册</p></a>

            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一"><p>我的相册</p></a>

            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片二"><p>我的相册</p></a>
            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一"><p>我的相册</p></a>

            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片二"><p>我的相册</p></a>


        </div>
<div class="clearfix img-gather" id="thumbs">

            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一">
                <p>我的相册</p>
            </a>


            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片二"><p>我的相册</p></a>


            <a href="images/1.jpg" style="background-image:url(images/1.jpg)" title="图片一"><p>我的相册</p></a>

            <a href="images/1.jpg" style="background-image:url(images//1.jpg)" title="图片二"><p>我的相册</p></a>

        </div>
        <!--img-gather end-->

    </div>



</body>

</html>

